@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }
  &::-webkit-scrollbar {
    width: 6px;
  }
  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin dialogHeader {
  padding: 13px 20px;
  border-bottom: 1px solid #eeeeee;
  .el-dialog__title{
    padding-left: 8px;
    border-left: 4px solid #27BAAD
  }

}

@mixin mainTop{
  background-color: #ffffff;
  padding: 35px 20px 13px 20px;
}

@mixin navStyle{
  display: flex;
  justify-content: flex-end;
  margin: 22px 0;
  div{
      margin-left: 15px;
      .el-button{
          background: #E0E0E0;
          color:#000;
          padding: 10px 25px;
          margin: 0;
          border: none;
          &:hover{
          background: #27BAAD;
          color: #fff;
          }
      }
  }
}

